<!doctype html>
<html lang="en" class="fixed sidebar-left-collapsed" xmlns:th="http://www.thymeleaf.org">
	<head>

		<!-- Basic -->
		<meta charset="UTF-8">

		<title>主页</title>

		<!-- Web Fonts  -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">

		<!-- Vendor CSS -->
		<link rel="stylesheet" th:href="@{vendor/bootstrap/css/bootstrap.css}" />
		<link rel="stylesheet" th:href="@{vendor/font-awesome/css/font-awesome.css}" />
		<link rel="stylesheet" th:href="@{vendor/magnific-popup/magnific-popup.css}" />
		<link rel="stylesheet" th:href="@{vendor/bootstrap-datepicker/css/datepicker3.css}" />

		<!-- Specific Page Vendor CSS -->
		<link rel="stylesheet" th:href="@{vendor/jquery-ui/css/ui-lightness/jquery-ui-1.10.4.custom.css}" />
		<link rel="stylesheet" th:href="@{vendor/bootstrap-multiselect/bootstrap-multiselect.css}" />
		<link rel="stylesheet" th:href="@{vendor/morris/morris.css}" />

		<!-- Theme CSS -->
		<link rel="stylesheet" th:href="@{stylesheets/theme.css}" />

		<!-- Skin CSS -->
		<link rel="stylesheet" th:href="@{stylesheets/skins/default.css}" />

		<!-- Theme Custom CSS -->
		<link rel="stylesheet" th:href="@{stylesheets/theme-custom.css}">

		<!-- Head Libs -->
		<script th:src="@{vendor/modernizr/modernizr.js}"></script>

	</head>
	<body>
		<section class="body">

			<!-- 头部 -->
			<div th:replace="~{commons/commons::header}"></div>

			<div class="inner-wrapper">

				<!-- 左侧边栏 -->
				<div th:replace="~{commons/commons::sidebar-admin}"></div>

				<!-- 主体 -->
				<section role="main" class="content-body">
					<header class="page-header">
						<h2>主页</h2>
					
						<div class="right-wrapper pull-right">
							<ol class="breadcrumbs">
								<li>
									<a th:href="@{main.html}">
										<i class="fa fa-home"></i>
									</a>
								</li>
								<li><span>主页</span></li>
							</ol>
					
							<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
						</div>
					</header>

					<!-- start: page -->
					<div class="row">
						<div class="col-md-6">
							<section class="panel">
								<header class="panel-heading">
									<div class="panel-actions">
										<a href="#" class="fa fa-caret-down"></a>
										<a href="#" class="fa fa-times"></a>
									</div>

									<h2 class="panel-title">安全带</h2>
									<p class="panel-subtitle">作者：陆青石</p>
								</header>
								<div class="panel-body">
									<br />
									安全带，<br />
									维系生命的纽带。<br />
									任何摆酷行为，<br />
									都将遭遇命运的拒载！<br />
									<br />
									一块甜的点心<br />
									被插上爱的商标。<br />
									<br />
									沉睡在夜梦里<br />
									嗅出太阳的味道。<br />
									<br />
								</div>
							</section>
						</div>
						<div class="col-md-6">
							<section class="panel">
								<header class="panel-heading">
									<div class="panel-actions">
										<a href="#" class="fa fa-caret-down"></a>
										<a href="#" class="fa fa-times"></a>
									</div>
									<h2 class="panel-title">方向盘</h2>
									<p class="panel-subtitle">作者：祝世军</p>
								</header>
								<div class="panel-body">
									圆圆的月亮<br />
									曝一次光<br />
									洗出亲人盼归的目光<br />
									<br />
									圆圆的方向盘<br />
									曝一回光<br />
									冲出一张全家福！<br />
									<br />
									早出晚归<br />
									画一个圆<br />
									亲人捧你在心上<br />
									而全家的幸福捧在你的手里！<br />
								</div>
							</section>
						</div>
					</div>

					<div class="row">
						<div class="col-md-6">
							<section class="panel">
								<header class="panel-heading">
									<div class="panel-actions">
										<a href="#" class="fa fa-caret-down"></a>
										<a href="#" class="fa fa-times"></a>
									</div>
									<h2 class="panel-title">斑马线</h2>
									<p class="panel-subtitle">作者：祝世军</p>
								</header>
								<div class="panel-body">
									站在公路边上<br />
									我拉开一个百姓家庭<br />
									平安与幸福的尺子<br />
									量量——<br />
									<br />
									大约是10匹斑马并行<br />
									在百姓最为繁华喧嚣的内心里<br />
									排列成一个<br />
									“平安出行”的方阵<br />
									<br />
									那瞬间的定格<br />
									让一个川流不息的城市<br />
									停留下来<br />
									向红红的落日<br />
									行“关爱生命”最高的礼仪<br />
									<br />
									我怀抱我的孩子<br />
									我的脸上溢出<br />
									中国百姓家庭<br />
									平安与幸福的满意指数<br />
									<br />
									那一刻，绿灯于心灵深处<br />
									挥成一条<br />
									爆响天边的鞭子<br />
									喝令凶险止步<br />
									平安放行！<br />
								</div>
							</section>
						</div>
						<div class="col-md-6">
							<section class="panel">
								<header class="panel-heading">
									<div class="panel-actions">
										<a href="#" class="fa fa-caret-down"></a>
										<a href="#" class="fa fa-times"></a>
									</div>
									<h2 class="panel-title">靠右行</h2>
									<p class="panel-subtitle">作者：祝世军</p>
								</header>
								<div class="panel-body">
									从一个摇头晃脑<br />
									熟读《三字经》新说<br />
									孩子的嘴里<br />
									抠出一句：靠右行<br />
									<br />
									这一句<br />
									孔子不知道<br />
									但中国的百姓家庭<br />
									都背得滚瓜烂熟<br />
									<br />
									只要你一上路<br />
									平安幸福的小嘴<br />
									就会推开百姓的窗户<br />
									高声的朗读成<br />
									中华民谣<br />
								</div>
							</section>
						</div>
					</div>
					<p class="text-center text-muted mt-md mb-md">&copy; Copyright 2021. Graduation project. By students from <a href="http://www.hebtu.edu.cn/">Hebei Normal University</a>.</p>
					<!-- end: page -->
				</section>
			</div>

			<!-- 右侧边栏 -->
			<div th:replace="~{commons/commons::sidebar-right}"></div>

		</section>

		<!-- Vendor -->
		<script th:src="@{vendor/jquery/jquery.js}"></script>
		<script th:src="@{vendor/jquery-browser-mobile/jquery.browser.mobile.js}"></script>
		<script th:src="@{/vendor/bootstrap/js/bootstrap.js}"></script>
		<script th:src="@{vendor/nanoscroller/nanoscroller.js}"></script>
		<script th:src="@{vendor/bootstrap-datepicker/js/bootstrap-datepicker.js}"></script>
		<script th:src="@{vendor/magnific-popup/magnific-popup.js}"></script>
		<script th:src="@{vendor/jquery-placeholder/jquery.placeholder.js}"></script>
		
		<!-- Specific Page Vendor -->
		<script th:src="@{vendor/jquery-ui/js/jquery-ui-1.10.4.custom.js}"></script>
		<script th:src="@{vendor/jquery-ui-touch-punch/jquery.ui.touch-punch.js}"></script>
		<script th:src="@{vendor/jquery-appear/jquery.appear.js}"></script>
		<script th:src="@{vendor/bootstrap-multiselect/bootstrap-multiselect.js}"></script>
		<script th:src="@{vendor/jquery-easypiechart/jquery.easypiechart.js}"></script>
		<script th:src="@{vendor/flot/jquery.flot.js}"></script>
		<script th:src="@{vendor/flot-tooltip/jquery.flot.tooltip.js}"></script>
		<script th:src="@{vendor/flot/jquery.flot.pie.js}"></script>
		<script th:src="@{vendor/flot/jquery.flot.categories.js}"></script>
		<script th:src="@{vendor/flot/jquery.flot.resize.js}"></script>
		<script th:src="@{vendor/jquery-sparkline/jquery.sparkline.js}"></script>
		<script th:src="@{vendor/raphael/raphael.js}"></script>
		<script th:src="@{vendor/morris/morris.js}"></script>
		<script th:src="@{vendor/gauge/gauge.js}"></script>
		<script th:src="@{vendor/snap-svg/snap.svg.js}"></script>
		<script th:src="@{vendor/liquid-meter/liquid.meter.js}"></script>
		<script th:src="@{vendor/jqvmap/jquery.vmap.js}"></script>
		<script th:src="@{vendor/jqvmap/data/jquery.vmap.sampledata.js}"></script>
		<script th:src="@{vendor/jqvmap/maps/jquery.vmap.world.js}"></script>
		<script th:src="@{vendor/jqvmap/maps/continents/jquery.vmap.africa.js}"></script>
		<script th:src="@{vendor/jqvmap/maps/continents/jquery.vmap.asia.js}"></script>
		<script th:src="@{vendor/jqvmap/maps/continents/jquery.vmap.australia.js}"></script>
		<script th:src="@{vendor/jqvmap/maps/continents/jquery.vmap.europe.js}"></script>
		<script th:src="@{vendor/jqvmap/maps/continents/jquery.vmap.north-america.js}"></script>
		<script th:src="@{vendor/jqvmap/maps/continents/jquery.vmap.south-america.js}"></script>
		
		<!-- Theme Base, Components and Settings -->
		<script th:src="@{javascripts/theme.js}"></script>
		
		<!-- Theme Custom -->
		<script th:src="@{javascripts/theme.custom.js}"></script>
		
		<!-- Theme Initialization Files -->
		<script th:src="@{javascripts/theme.init.js}"></script>


		<!-- Examples -->
		<script th:src="@{javascripts/dashboard/examples.dashboard.js}"></script>
	</body>
</html>